<!DOCTYPE html>
<html>
    {% block head %}
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="format-detection" content="telephone=no">
        {% block title %}<title></title>{% endblock %}
        {% block stype %}
            <link rel="stylesheet" href="{{ url_for('static', filename='css/frozen.css') }}">
        {% endblock %}
    </head>
    {% endblock %}
    {% block body %}
    <body>
        {% block header %}
        <header class="ui-header ui-header-positive ui-border-b">
            <i class="ui-icon-return" onclick="history.back()"></i><h1>图书馆</h1>
        </header>
        {% endblock %}
        {% block footer %}
        <footer class="ui-footer ui-footer-btn">
            <ul class="ui-tiled ui-border-t">
                <li data-href="index.html" class="ui-border-r"><div>基础样式</div></li>
                <li data-href="ui.html" class="ui-border-r"><div>UI组件</div></li>
                <li data-href="js.html"><div>JS插件</div></li>
            </ul>
        </footer>
        {% endblock %}
        {% block container %}
        <section class="ui-container">
        </section>
        {% endblock %}
        {% block script %}
        <script src="{{ url_for('static',filename="js/zepto.min.js") }}"></script>
        <script src="{{ url_for('static',filename="js/frozen.js") }}"></script>
        {% endblock %}
    </body>
{% endblock %}
</html>